<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>内嵌样式</title>
        <!-- 使用 HTML 中的 style 元素 来嵌入 CSS样式 -->
        <!-- 在 <style> 和 </style> 之间书写 CSS 样式 -->
        <style type="text/css">
            /* 使用 标记选择器(标签选择器) 选择元素  */
            div {
                width: 200px ;
                height: 200px ;
                border: 1px solid blue ;
            }

            p {
                width: 100% ;
                height: 50px ;
                background-color: yellow ;
            }
        </style>
    </head>
    <body>

        <h3>内嵌文件 ( 可以使用 ，但不推荐使用 )</h3>

        <div></div>
        <p></p>
        <div></div>
        <p></p>
        <div></div>
        <p></p>
        <div></div>
        <p></p>
        <div></div>
        
    </body>
</html>